<template>
    <el-form-item :label="i18nt('designer.setting.textUnderline')" >
      <el-radio-group v-model="optionModel.textUnderline" class="radio-group-custom">
        <el-radio-button label="none">
          {{i18nt('designer.setting.underNone')}}</el-radio-button>
        <el-radio-button label="underline">
          {{i18nt('designer.setting.underline')}}</el-radio-button>
        <el-radio-button label="line-through">
          {{i18nt('designer.setting.lineThrough')}}</el-radio-button>
      </el-radio-group>
    </el-form-item>
  </template>
  
  <script>
    import i18n from "@/utils/i18n"
  
    export default {
      name: "textUnderline-editor",
      mixins: [i18n],
      props: {
        designer: Object,
        selectedWidget: Object,
        optionModel: Object,
      },
    }
  </script>
  
  <style lang="scss" scoped>
    .radio-group-custom {
      :deep(.el-radio-button__inner) {
        padding-left: 6px;
        padding-right: 6px;
      }
    }
  </style>
  